<!doctype html>
<html lang="en">
   <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <title>XRay - Responsive Bootstrap 4 Admin Dashboard Template</title>
      <!-- Favicon -->
      <link rel="shortcut icon" href="../images/favicon.ico" />
      <!-- Bootstrap CSS -->
      <link rel="stylesheet" href="../css/bootstrap.min.css">
      <!-- Typography CSS -->
      <link rel="stylesheet" href="../css/typography.css">
      <!-- Style CSS -->
      <link rel="stylesheet" href="../css/style.css">
      <!-- Responsive CSS -->
      <link rel="stylesheet" href="../css/responsive.css">
   </head>
   <body>
      <!-- loader Start -->
      <div id="loading">
         <div id="loading-center">
         </div>
      </div>
      <!-- loader END -->
      <!-- Wrapper Start -->
      <div class="wrapper">
      <!-- Sidebar  -->
      <div class="iq-sidebar">
         <div class="iq-sidebar-logo d-flex justify-content-between">
            <a href="../index.html">
            <img src="../images/logo.png" class="img-fluid" alt="">
            <span>XRay</span>
            </a>
            <div class="iq-menu-bt-sidebar">
               <div class="iq-menu-bt align-self-center">
                  <div class="wrapper-menu">
                     <div class="main-circle"><i class="ri-more-fill"></i></div>
                     <div class="hover-circle"><i class="ri-more-2-fill"></i></div>
                  </div>
               </div>
            </div>
         </div>
         <div id="sidebar-scrollbar">
            <nav class="iq-sidebar-menu">
               <ul class="iq-menu">
                  <li class="iq-menu-title"><i class="ri-subtract-line"></i><span>Dashboard</span></li>
                 <li>
                     <a href="../index.html" class="iq-waves-effect"><i class="ri-hospital-fill"></i><span>Doctor Dashboard</span></a>
                  </li>                     
                  <li>
                     <a href="../dashboard-1.html" class="iq-waves-effect"><i class="ri-home-8-fill"></i><span>Hospital Dashboard 1 </span></a>
                  </li>
                  <li>
                     <a href="../dashboard-2.html" class="iq-waves-effect"><i class="ri-briefcase-4-fill"></i><span>Hospital Dashboard 2</span></a>
                  </li>
                  <li>
                     <a href="../dashboard-3.html" class="iq-waves-effect"><i class="ri-group-fill"></i><span>Patient Dashboard</span></a>
                  </li>
                  <li class="iq-menu-title"><i class="ri-subtract-line"></i><span>Apps</span></li>
                  <li class="active">
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-mail-open-fill"></i><span>Email</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li class="active"><a href="index.html"><i class="ri-inbox-fill"></i>Inbox</a></li>
                        <li><a href="email-compose.html"><i class="ri-edit-2-fill"></i>Email Compose</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-user-line"></i><span>Doctor</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../profile.html"><i class="ri-profile-line"></i>Doctor Profile</a></li>
                        <li><a href="../add-doctor.html"><i class="ri-user-add-line"></i> Add Doctor</a></li>
                        <li><a href="../profile-edit.html"><i class="ri-file-edit-line"></i> Edit Doctor</a></li>
                        <li><a href="../doctor-list.html"><i class="ri-file-list-line"></i>Doctor List</a></li>
                     </ul>
                  </li>
                  <li><a href="../calendar.html" class="iq-waves-effect"><i class="ri-calendar-2-line"></i><span>Calendar</span></a></li>
                  <li><a href="../chat.html" class="iq-waves-effect"><i class="ri-message-fill"></i><span>Chat</span></a></li>
                  <li class="iq-menu-title"><i class="ri-subtract-line"></i><span>Components</span></li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-apps-fill"></i><span>UI Elements</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../ui-colors.html"><i class="ri-font-color"></i>colors</a></li>
                        <li><a href="../ui-typography.html"><i class="ri-text"></i>Typography</a></li>
                        <li><a href="../ui-alerts.html"><i class="ri-alert-fill"></i>Alerts</a></li>
                        <li><a href="../ui-badges.html"><i class="ri-building-3-fill"></i>Badges</a></li>
                        <li><a href="../ui-breadcrumb.html"><i class="ri-guide-fill"></i>Breadcrumb</a></li>
                        <li><a href="../ui-buttons.html"><i class="ri-checkbox-blank-fill"></i>Buttons</a></li>
                        <li><a href="../ui-cards.html"><i class="ri-bank-card-fill"></i>Cards</a></li>
                        <li><a href="../ui-carousel.html"><i class="ri-slideshow-4-fill"></i>Carousel</a></li>
                        <li><a href="../ui-embed-video.html"><i class="ri-movie-fill"></i>Video</a></li>
                        <li><a href="../ui-grid.html"><i class="ri-grid-fill"></i>Grid</a></li>
                        <li><a href="../ui-images.html"><i class="ri-image-fill"></i>Images</a></li>
                        <li><a href="../ui-list-group.html"><i class="ri-file-list-fill"></i>list Group</a></li>
                        <li><a href="../ui-media-object.html"><i class="ri-camera-fill"></i>Media</a></li>
                        <li><a href="../ui-modal.html"><i class="ri-checkbox-blank-fill"></i>Modal</a></li>
                        <li><a href="../ui-notifications.html"><i class="ri-notification-3-fill"></i>Notifications</a></li>
                        <li><a href="../ui-pagination.html"><i class="ri-more-fill"></i>Pagination</a></li>
                        <li><a href="../ui-popovers.html"><i class="ri-folder-shield-fill"></i>Popovers</a></li>
                        <li><a href="../ui-progressbars.html"><i class="ri-battery-low-fill"></i>Progressbars</a></li>
                        <li><a href="../ui-tabs.html"><i class="ri-database-fill"></i>Tabs</a></li>
                        <li><a href="../ui-tooltips.html"><i class="ri-record-mail-fill"></i>Tooltips</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-device-fill"></i><span>Forms</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../form-layout.html"><i class="ri-tablet-fill"></i>Form Elements</a></li>
                        <li><a href="../form-validation.html"><i class="ri-device-fill"></i>Form Validation</a></li>
                        <li><a href="../form-switch.html"><i class="ri-toggle-fill"></i>Form Switch</a></li>
                        <li><a href="../form-chechbox.html"><i class="ri-chat-check-fill"></i>Form Checkbox</a></li>
                        <li><a href="../form-radio.html"><i class="ri-radio-button-fill"></i>Form Radio</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-file-word-fill"></i><span>Forms Wizard</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../form-wizard.html"><i class="ri-anticlockwise-fill"></i>Simple Wizard</a></li>
                        <li><a href="../form-wizard-validate.html"><i class="ri-anticlockwise-2-fill"></i>Validate Wizard</a></li>
                        <li><a href="../form-wizard-vertical.html"><i class="ri-clockwise-fill"></i>Vertical Wizard</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-table-fill"></i><span>Table</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../tables-basic.html"><i class="ri-table-fill"></i>Basic Tables</a></li>
                        <li><a href="../data-table.html"><i class="ri-database-fill"></i>Data Table</a></li>
                        <li><a href="../table-editable.html"><i class="ri-archive-drawer-fill"></i>Editable Table</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-bar-chart-2-fill"></i><span>Charts</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../chart-morris.html"><i class="ri-file-chart-fill"></i>Morris Chart</a></li>
                        <li><a href="../chart-high.html"><i class="ri-bar-chart-fill"></i>High Charts</a></li>
                        <li><a href="../chart-am.html"><i class="ri-bar-chart-box-fill"></i>Am Charts</a></li>
                        <li><a href="../chart-apex.html"><i class="ri-pie-chart-box-fill"></i>Apex Chart</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-copper-coin-fill"></i><span>Icons</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../icon-dripicons.html"><i class="ri-stack-fill"></i>Dripicons</a></li>
                        <li><a href="../icon-fontawesome-5.html"><i class="ri-facebook-fill"></i>Font Awesome 5</a></li>
                        <li><a href="../icon-lineawesome.html"><i class="ri-keynote-fill"></i>line Awesome</a></li>
                        <li><a href="../icon-remixicon.html"><i class="ri-remixicon-fill"></i>Remixicon</a></li>
                        <li><a href="../icon-unicons.html"><i class="ri-underline"></i>unicons</a></li>
                     </ul>
                  </li>
                  <li class="iq-menu-title"><i class="ri-subtract-line"></i><span>Pages</span></li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-server-fill"></i><span>Authentication</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../sign-in.html"><i class="ri-login-box-fill"></i>Login</a></li>
                        <li><a href="../sign-up.html"><i class="ri-logout-box-fill"></i>Register</a></li>
                        <li><a href="../pages-recoverpw.html"><i class="ri-record-mail-fill"></i>Recover Password</a></li>
                        <li><a href="../pages-confirm-mail.html"><i class="ri-chat-check-fill"></i>Confirm Mail</a></li>
                        <li><a href="../pages-lock-screen.html"><i class="ri-lock-line"></i>Lock Screen</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-map-pin-2-fill"></i><span>Maps</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../pages-map.html"><i class="ri-google-fill"></i>Google Map</a></li>
                        <li><a href="#"><i class="ri-map-pin-range-line"></i>Vector Map</a></li>
                     </ul>
                  </li>
                  <li>
                     <a href="javascript:void(0);" class="iq-waves-effect"><i class="ri-folders-fill"></i><span>Extra Pages</span><i class="ri-arrow-right-s-line iq-arrow-right"></i></a>
                     <ul class="iq-submenu">
                        <li><a href="../pages-timeline.html"><i class="ri-map-pin-time-line"></i>Timeline</a></li>
                        <li><a href="../pages-invoice.html"><i class="ri-question-answer-line"></i>Invoice</a></li>
                        <li><a href="../blank-page.html"><i class="ri-checkbox-blank-fill"></i>Blank Page</a></li>
                        <li><a href="../pages-error.html"><i class="ri-error-warning-fill"></i>Error 404</a></li>
                        <li><a href="../pages-error-500.html"><i class="ri-error-warning-fill"></i>Error 500</a></li>
                        <li><a href="../pages-pricing.html"><i class="ri-price-tag-3-fill"></i>Pricing</a></li>
                        <li><a href="../pages-pricing-one.html"><i class="ri-price-tag-2-fill"></i>Pricing 1</a></li>
                        <li><a href="../pages-maintenance.html"><i class="ri-git-repository-commits-fill"></i>Maintenance</a></li>
                        <li><a href="../pages-comingsoon.html"><i class="ri-run-fill"></i>Coming Soon</a></li>
                        <li><a href="../pages-faq.html"><i class="ri-compasses-2-fill"></i>Faq</a></li>
                     </ul>
                  </li>
               </ul>
            </nav>
            <div class="p-3"></div>
         </div>
      </div>
      <!-- Page Content  -->
      <div id="content-page" class="content-page">
         <!-- TOP Nav Bar -->
         <div class="iq-top-navbar">
            <div class="iq-navbar-custom">
               <div class="iq-sidebar-logo">
                  <div class="top-logo">
                     <a href="index.html" class="logo">
                     <img src="../images/logo.png" class="img-fluid" alt="">
                     <span>XRay</span>
                     </a>
                  </div>
               </div>
               <nav class="navbar navbar-expand-lg navbar-light p-0">
                  <div class="iq-search-bar">
                     <form action="#" class="searchbox">
                        <input type="text" class="text search-input" placeholder="Type here to search...">
                        <a class="search-link" href="#"><i class="ri-search-line"></i></a>
                     </form>
                  </div>
                  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                  <i class="ri-menu-3-line"></i>
                  </button>
                  <div class="iq-menu-bt align-self-center">
                     <div class="wrapper-menu">
                        <div class="main-circle"><i class="ri-more-fill"></i></div>
                           <div class="hover-circle"><i class="ri-more-2-fill"></i></div>
                     </div>
                  </div>
                  <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <ul class="navbar-nav ml-auto navbar-list">
                        <li class="nav-item">
                           <a class="search-toggle iq-waves-effect language-title" href="#"><img src="../images/small/flag-01.png" alt="img-flaf" class="img-fluid mr-1" style="height: 16px; width: 16px;" /> English <i class="ri-arrow-down-s-line"></i></a>
                           <div class="iq-sub-dropdown">
                              <a class="iq-sub-card" href="#"><img src="../images/small/flag-02.png" alt="img-flaf" class="img-fluid mr-2" />French</a>
                              <a class="iq-sub-card" href="#"><img src="../images/small/flag-03.png" alt="img-flaf" class="img-fluid mr-2" />Spanish</a>
                              <a class="iq-sub-card" href="#"><img src="../images/small/flag-04.png" alt="img-flaf" class="img-fluid mr-2" />Italian</a>
                              <a class="iq-sub-card" href="#"><img src="../images/small/flag-05.png" alt="img-flaf" class="img-fluid mr-2" />German</a>
                              <a class="iq-sub-card" href="#"><img src="../images/small/flag-06.png" alt="img-flaf" class="img-fluid mr-2" />Japanese</a>
                           </div>
                        </li>
                        <li class="nav-item iq-full-screen">
                           <a href="#" class="iq-waves-effect" id="btnFullscreen"><i class="ri-fullscreen-line"></i></a>
                        </li>
                        <li class="nav-item">
                           <a href="#" class="search-toggle iq-waves-effect">
                           <i class="ri-notification-4-line"></i>
                           <span class="bg-danger dots"></span>
                           </a>
                           <div class="iq-sub-dropdown">
                              <div class="iq-card shadow-none m-0">
                                 <div class="iq-card-body p-0 ">
                                    <div class="bg-primary p-3">
                                       <h5 class="mb-0 text-white">All Notifications<small class="badge  badge-light float-right pt-1">4</small></h5>
                                    </div>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/01.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">Emma Watson Bini</h6>
                                             <small class="float-right font-size-12">Just Now</small>
                                             <p class="mb-0">95 MB</p>
                                          </div>
                                       </div>
                                    </a>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/02.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">New customer is join</h6>
                                             <small class="float-right font-size-12">5 days ago</small>
                                             <p class="mb-0">Jond Bini</p>
                                          </div>
                                       </div>
                                    </a>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/03.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">Two customer is left</h6>
                                             <small class="float-right font-size-12">2 days ago</small>
                                             <p class="mb-0">Jond Bini</p>
                                          </div>
                                       </div>
                                    </a>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/04.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">New Mail from Fenny</h6>
                                             <small class="float-right font-size-12">3 days ago</small>
                                             <p class="mb-0">Jond Bini</p>
                                          </div>
                                       </div>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </li>
                        <li class="nav-item dropdown">
                           <a href="#" class="search-toggle iq-waves-effect">
                           <i class="ri-mail-open-line"></i>
                           <span class="bg-primary count-mail"></span>
                           </a>
                           <div class="iq-sub-dropdown">
                              <div class="iq-card shadow-none m-0">
                                 <div class="iq-card-body p-0 ">
                                    <div class="bg-primary p-3">
                                       <h5 class="mb-0 text-white">All Messages<small class="badge  badge-light float-right pt-1">5</small></h5>
                                    </div>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/01.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">Bini Emma Watson</h6>
                                             <small class="float-left font-size-12">13 Jun</small>
                                          </div>
                                       </div>
                                    </a>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/02.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">Lorem Ipsum Watson</h6>
                                             <small class="float-left font-size-12">20 Apr</small>
                                          </div>
                                       </div>
                                    </a>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/03.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">Why do we use it?</h6>
                                             <small class="float-left font-size-12">30 Jun</small>
                                          </div>
                                       </div>
                                    </a>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/04.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">Variations Passages</h6>
                                             <small class="float-left font-size-12">12 Sep</small>
                                          </div>
                                       </div>
                                    </a>
                                    <a href="#" class="iq-sub-card" >
                                       <div class="media align-items-center">
                                          <div class="">
                                             <img class="avatar-40 rounded" src="../images/user/05.jpg" alt="">
                                          </div>
                                          <div class="media-body ml-3">
                                             <h6 class="mb-0 ">Lorem Ipsum generators</h6>
                                             <small class="float-left font-size-12">5 Dec</small>
                                          </div>
                                       </div>
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
                  <ul class="navbar-list">
                     <li>
                        <a href="#" class="search-toggle iq-waves-effect d-flex align-items-center">
                           <img src="../images/user/1.jpg" class="img-fluid rounded mr-3" alt="user">
                           <div class="caption">
                              <h6 class="mb-0 line-height">Bini Jets</h6>
                              <span class="font-size-12">Available</span>
                           </div>
                        </a>
                        <div class="iq-sub-dropdown iq-user-dropdown">
                           <div class="iq-card shadow-none m-0">
                              <div class="iq-card-body p-0 ">
                                 <div class="bg-primary p-3">
                                    <h5 class="mb-0 text-white line-height">Hello Bini Jets</h5>
                                    <span class="text-white font-size-12">Available</span>
                                 </div>
                                 <a href="profile.html" class="iq-sub-card iq-bg-primary-hover">
                                    <div class="media align-items-center">
                                       <div class="rounded iq-card-icon iq-bg-primary">
                                          <i class="ri-file-user-line"></i>
                                       </div>
                                       <div class="media-body ml-3">
                                          <h6 class="mb-0 ">My Profile</h6>
                                          <p class="mb-0 font-size-12">View personal profile details.</p>
                                       </div>
                                    </div>
                                 </a>
                                 <a href="profile-edit.html" class="iq-sub-card iq-bg-primary-hover">
                                    <div class="media align-items-center">
                                       <div class="rounded iq-card-icon iq-bg-primary">
                                          <i class="ri-profile-line"></i>
                                       </div>
                                       <div class="media-body ml-3">
                                          <h6 class="mb-0 ">Edit Profile</h6>
                                          <p class="mb-0 font-size-12">Modify your personal details.</p>
                                       </div>
                                    </div>
                                 </a>
                                 <a href="account-setting.html" class="iq-sub-card iq-bg-primary-hover">
                                    <div class="media align-items-center">
                                       <div class="rounded iq-card-icon iq-bg-primary">
                                          <i class="ri-account-box-line"></i>
                                       </div>
                                       <div class="media-body ml-3">
                                          <h6 class="mb-0 ">Account settings</h6>
                                          <p class="mb-0 font-size-12">Manage your account parameters.</p>
                                       </div>
                                    </div>
                                 </a>
                                 <a href="privacy-setting.html" class="iq-sub-card iq-bg-primary-hover">
                                    <div class="media align-items-center">
                                       <div class="rounded iq-card-icon iq-bg-primary">
                                          <i class="ri-lock-line"></i>
                                       </div>
                                       <div class="media-body ml-3">
                                          <h6 class="mb-0 ">Privacy Settings</h6>
                                          <p class="mb-0 font-size-12">Control your privacy parameters.</p>
                                       </div>
                                    </div>
                                 </a>
                                 <div class="d-inline-block w-100 text-center p-3">
                                    <a class="bg-primary iq-sign-btn" href="sign-in.html" role="button">Sign out<i class="ri-login-box-line ml-2"></i></a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </li>
                  </ul>
               </nav>
            </div>
         </div>
         <!-- TOP Nav Bar END -->
         <div class="container-fluid relative">
            <div class="row">
               <div class="col-lg-3">
                  <div class="iq-card">
                     <div class="iq-card-body">
                        <div class="">
                           <div class="iq-email-list">
                              <button class="btn btn-primary btn-lg btn-block mb-3 font-size-16 p-3" data-target="#compose-email-popup" data-toggle="modal"><i class="ri-send-plane-line mr-2"></i>New Message</button>
                              <div class="iq-email-ui nav flex-column nav-pills">
                                 <li class="nav-link active" role="tab" data-toggle="pill" href="#mail-inbox"><a href="index.html"><i class="ri-mail-line"></i>Inbox<span class="badge badge-primary ml-2">4</span></a></li>
                                 <li class="nav-link" role="tab" data-toggle="pill" href="#mail-starred"><a href="#"><i class="ri-star-line"></i>Starred</a></li>
                                 <li class="nav-link" role="tab" data-toggle="pill" href="#mail-snoozed"><a href="#"><i class="ri-time-line"></i>Snoozed</a></li>
                                 <li class="nav-link" role="tab" data-toggle="pill" href="#mail-draft"><a href="#"><i class="ri-file-list-2-line"></i>Draft</a></li>
                                 <li class="nav-link" role="tab" data-toggle="pill" href="#mail-sent"><a href="#"><i class="ri-mail-send-line"></i>Sent Mail</a></li>
                                 <li class="nav-link" role="tab" data-toggle="pill" href="#mail-trash"><a href="#"><i class="ri-delete-bin-line"></i>Trash</a></li>
                                 <li class="nav-link" role="tab" data-toggle="pill" href="#mail-important"><a href="#"><i class="ri-bookmark-line"></i>Important</a></li>
                                 <li class="nav-link" role="tab" data-toggle="pill" href="#mail-spam"><a href="#"><i class="ri-spam-line"></i>Spam</a></li>
                              </div>
                              <h6 class="mt-4 mb-3">Labels</h6>
                              <ul class="iq-email-ui iq-email-label">
                                 <li><a href="#"><i class="ri-focus-fill text-primary"></i>Personal</a></li>
                                 <li><a href="#"><i class="ri-focus-fill text-danger"></i>Company</a></li>
                                 <li><a href="#"><i class="ri-focus-fill text-success"></i>Important</a></li>
                                 <li><a href="#"><i class="ri-focus-fill text-info"></i>Private</a></li>
                                 <li><a href="#"><i class="ri-focus-fill text-warning"></i>Private</a></li>
                                 <li><a href="#"><i class="ri-add-circle-line"></i>Add New Labels</a></li>
                              </ul>
                              <div class="iq-progress-bar-linear d-inline-block w-100">
                                 <h6 class="mt-4 mb-3">Storage</h6>
                                 <div class="iq-progress-bar">
                                    <span class="bg-danger" data-percent="90"></span>
                                 </div>
                                 <span class="mt-1 d-inline-block w-100">7.02 GB (46%) of 15 GB used</span>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-lg-9 mail-box-detail">
                  <div class="iq-card">
                     <div class="iq-card-body p-0">
                        <div class="">
                           <div class="iq-email-to-list p-3">
                              <div class="d-flex justify-content-between">
                                 <ul>
                                    <li>
                                       <a href="#" id="navbarDropdown" data-toggle="dropdown">
                                          <div class="custom-control custom-checkbox">
                                             <input type="checkbox" class="custom-control-input" id="customCheck1">
                                             <label class="custom-control-label" for="customCheck1"><i class="ri-arrow-down-s-line"></i></label>
                                          </div>
                                       </a>
                                       <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                          <a class="dropdown-item" href="#">Action</a>
                                          <a class="dropdown-item" href="#">Another action</a>
                                          <div class="dropdown-divider"></div>
                                          <a class="dropdown-item" href="#">Something else here</a>
                                       </div>
                                    </li>
                                    <li data-toggle="tooltip" data-placement="top" title="Reload"><a href="#"><i class="ri-restart-line"></i></a></li>
                                    <li data-toggle="tooltip" data-placement="top" title="Archive"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                    <li data-toggle="tooltip" data-placement="top" title="Spam"><a href="#"><i class="ri-information-line"></i></a></li>
                                    <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                    <li data-toggle="tooltip" data-placement="top" title="Inbox"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                    <li data-toggle="tooltip" data-placement="top" title="Zoom"><a href="#"><i class="ri-drag-move-2-line"></i></a></li>
                                 </ul>
                                 <div class="iq-email-search d-flex">
                                    <form class="mr-3 position-relative">
                                       <div class="form-group mb-0">
                                          <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Search">
                                          <a class="search-link" href="#"><i class="ri-search-line"></i></a>
                                       </div>
                                    </form>
                                    <ul>
                                       <li class="mr-3">
                                          <a class="font-size-14" href="#" id="navbarDropdown" data-toggle="dropdown">
                                          1 - 50 of 505
                                          </a>
                                          <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                             <a class="dropdown-item" href="#">20 per page</a>
                                             <a class="dropdown-item" href="#">50 per page</a>
                                             <a class="dropdown-item" href="#">100 per page</a>
                                          </div>
                                       </li>
                                       <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                       <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                       <li class="mr-0" data-toggle="tooltip" data-placement="top" title="Setting"><a href="#"><i class="ri-list-settings-line"></i></a></li>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                           <div class="iq-email-listbox">
                              <div class="tab-content">
                                 <div class="tab-pane fade show active" id="mail-inbox" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li class="iq-unread">
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk">
                                                      <label class="custom-control-label" for="mailk"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle text-warning"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@MackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@MackenzieBinio - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">08:00 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bcd2d3ced9ccd0c5fcdbd1ddd5d092dfd3d1">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ddb4acb2b3b4beb9b8aeb4bab3ae9dbab0bcb4b1f3beb2b0">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk1">
                                                      <label class="custom-control-label" for="mailk1"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Deray Billings (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Megan Allen (@meganallen) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">08:15 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/06.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8fe1e0fdeaffe3f6cfe8e2eee6e3a1ece0e2">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fc958d9392959f98998f959b928fbc9b919d9590d29f9391">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Deray Billings,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk2">
                                                      <label class="custom-control-label" for="mailk2"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Dixa Horton (@dixahorton) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d2bcbda0b7a2beab92b5bfb3bbbefcb1bdbf">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="452c342a2b2c262120362c222b36052228242c296b262a28">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk3">
                                                      <label class="custom-control-label" for="mailk3"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ec82839e899c8095ac8b818d8580c28f8381">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e78e9688898e848382948e808994a7808a868e8bc984888a">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk4">
                                                      <label class="custom-control-label" for="mailk4"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre (@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="600e0f1205100c1920070d01090c4e030f0d">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="254c544a4b4c464140564c424b56654248444c490b464a48">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li class="iq-unread">
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk5">
                                                      <label class="custom-control-label" for="mailk5"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle text-warning"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f698998493869a8fb6919b979f9ad895999b">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="325b435d5c5b515657415b555c4172555f535b5e1c515d5f">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk6">
                                                      <label class="custom-control-label" for="mailk6"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f799988592879b8eb7909a969e9bd994989a">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a7ced6c8c9cec4c3c2d4cec0c9d4e7c0cac6cecb89c4c8ca">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 25, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk7">
                                                      <label class="custom-control-label" for="mailk7"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Deray Billings (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                          <div class="email-app-details">
                                             <div class="iq-card">
                                                <div class="iq-card-body p-0">
                                                   <div class="">
                                                      <div class="iq-email-to-list p-3">
                                                         <div class="d-flex justify-content-between">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a href="javascript: void(0);">
                                                                     <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                                  </a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                            </ul>
                                                            <div class="iq-email-search d-flex">
                                                               <ul>
                                                                  <li class="mr-3">
                                                                     <a class="font-size-14" href="#">1 of 505</a>
                                                                  </li>
                                                                  <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                                  <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                               </ul>
                                                            </div>
                                                         </div>
                                                      </div>
                                                      <hr class="mt-0">
                                                      <div class="iq-inbox-subject p-3">
                                                         <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                         <div class="iq-inbox-subject-info">
                                                            <div class="iq-subject-info">
                                                               <img src="../images/user/06.jpg" class="img-fluid rounded-circle" alt="#">
                                                               <div class="iq-subject-status align-self-center">
                                                                  <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                                  <div class="dropdown">
                                                                     <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                     to Me
                                                                     </a>
                                                                     <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                        <table class="iq-inbox-details">
                                                                           <tbody>
                                                                              <tr>
                                                                                 <td>from:</td>
                                                                                 <td>Medium Daily Digest</td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>reply-to:</td>
                                                                                 <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="553b3a273025392c153238343c397b363a38">[email&#160;protected]</a></td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>to:</td>
                                                                                 <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0a637b656463696e6f79636d64794a6d676b636624696567">[email&#160;protected]</a></td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>date:</td>
                                                                                 <td>13 Dec 2019, 08:30</td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>subject:</td>
                                                                                 <td>The Golden Rule</td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>security:</td>
                                                                                 <td>Standard encryption</td>
                                                                              </tr>
                                                                           </tbody>
                                                                        </table>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                            </div>
                                                            <div class="iq-inbox-body mt-5">
                                                               <p>Hi Deray Billings,</p>
                                                               <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                               <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                               <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                            </div>
                                                            <hr>
                                                            <div class="attegement">
                                                               <h6 class="mb-2">ATTACHED FILES:</h6>
                                                               <ul>
                                                                  <li class="icon icon-attegment">
                                                                     <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                                  </li>
                                                                  <li class="icon icon-attegment">
                                                                     <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                                  </li>
                                                               </ul>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </li>
                                       <li class="iq-unread">
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk8">
                                                      <label class="custom-control-label" for="mailk8"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle text-warning"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre (@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="432d2c3126332f3a03242e222a2f6d202c2e">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="98f1e9f7f6f1fbfcfdebf1fff6ebd8fff5f9f1f4b6fbf7f5">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk9">
                                                      <label class="custom-control-label" for="mailk9"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d9b7b6abbca9b5a099beb4b8b0b5f7bab6b4">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="046d756b6a6d676061776d636a77446369656d682a676b69">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk10">
                                                      <label class="custom-control-label" for="mailk10"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d7b9b8a5b2a7bbae97b0bab6bebbf9b4b8ba">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3b524a545552585f5e48525c55487b5c565a525715585456">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk11">
                                                      <label class="custom-control-label" for="mailk11"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84eaebf6e1f4e8fdc4e3e9e5ede8aae7ebe9">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3c554d5352555f58594f555b524f7c5b515d5550125f5351">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk12">
                                                      <label class="custom-control-label" for="mailk12"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fd93928f988d9184bd9a909c9491d39e9290">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="acc5ddc3c2c5cfc8c9dfc5cbc2dfeccbc1cdc5c082cfc3c1">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk13">
                                                      <label class="custom-control-label" for="mailk13"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Deray Billings (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg(@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/06.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="543a3b263124382d143339353d387a373b39">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="056c746a6b6c666160766c626b76456268646c692b666a68">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Deray Billings,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk14">
                                                      <label class="custom-control-label" for="mailk14"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5638392433263a2f16313b373f3a7835393b">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1970687677707a7d7c6a707e776a597e74787075377a7674">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk15">
                                                      <label class="custom-control-label" for="mailk15"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre(@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="127c7d6077627e6b52757f737b7e3c717d7f">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f79e8698999e949392849e909984b7909a969e9bd994989a">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk16">
                                                      <label class="custom-control-label" for="mailk16"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8fe1e0fdeaffe3f6cfe8e2eee6e3a1ece0e2">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0e677f6160676d6a6b7d6769607d4e69636f6762206d6163">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk17">
                                                      <label class="custom-control-label" for="mailk17"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c9a7a6bbacb9a5b089aea4a8a0a5e7aaa6a4">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5bca4babbbcb6b1b0a6bcb2bba695b2b8b4bcb9fbb6bab8">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                                 <div class="tab-pane fade" id="mail-starred" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk2">
                                                      <label class="custom-control-label" for="mailk2"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Dixa Horton (@dixahorton) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fb9594899e8b9782bb9c969a9297d5989496">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b0d9c1dfded9d3d4d5c3d9d7dec3f0d7ddd1d9dc9ed3dfdd">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk3">
                                                      <label class="custom-control-label" for="mailk3"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="355b5a475045594c755258545c591b565a58">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2049514f4e494344455349474e5360474d41494c0e434f4d">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk4">
                                                      <label class="custom-control-label" for="mailk4"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre (@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a6c8c9d4c3d6cadfe6c1cbc7cfca88c5c9cb">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="670e1608090e040302140e00091427000a060e0b4904080a">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li class="iq-unread">
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk5">
                                                      <label class="custom-control-label" for="mailk5"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle text-warning"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1779786572677b6e57707a767e7b3974787a">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4d243c2223242e29283e242a233e0d2a202c2421632e2220">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk6">
                                                      <label class="custom-control-label" for="mailk6"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bdd3d2cfd8cdd1c4fddad0dcd4d193ded2d0">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2148504e4f484245445248464f5261464c40484d0f424e4c">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 25, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                                 <div class="tab-pane fade" id="mail-snoozed" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk4">
                                                      <label class="custom-control-label" for="mailk4"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre (@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="91fffee3f4e1fde8d1f6fcf0f8fdbff2fefc">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="553c243a3b3c363130263c323b26153238343c397b363a38">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li class="iq-unread">
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk5">
                                                      <label class="custom-control-label" for="mailk5"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle text-warning"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="fa9495889f8a9683ba9d979b9396d4999597">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="95fce4fafbfcf6f1f0e6fcf2fbe6d5f2f8f4fcf9bbf6faf8">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk6">
                                                      <label class="custom-control-label" for="mailk6"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2c42435e495c40556c4b414d4540024f4341">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="365f4759585f555253455f51584576515b575f5a1855595b">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 25, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                                 <div class="tab-pane fade" id="mail-draft" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk9">
                                                      <label class="custom-control-label" for="mailk9"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1977766b7c697560597e74787075377a7674">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6801190706010b0c0d1b010f061b280f05090104460b0705">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk10">
                                                      <label class="custom-control-label" for="mailk10"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="335d5c4156435f4a73545e525a5f1d505c5e">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c6afb7a9a8afa5a2a3b5afa1a8b586a1aba7afaae8a5a9ab">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk11">
                                                      <label class="custom-control-label" for="mailk11"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bcd2d3ced9ccd0c5fcdbd1ddd5d092dfd3d1">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3950485657505a5d5c4a505e574a795e54585055175a5654">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk12">
                                                      <label class="custom-control-label" for="mailk12"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1c72736e796c70655c7b717d7570327f7371">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6bfa7b9b8bfb5b2b3a5bfb1b8a596b1bbb7bfbaf8b5b9bb">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk13">
                                                      <label class="custom-control-label" for="mailk13"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Deray Billings (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg(@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/06.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3957564b5c495540795e54585055175a5654">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2e475f4140474d4a4b5d4749405d6e49434f4742004d4143">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Deray Billings,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                                 <div class="tab-pane fade" id="mail-sent" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk11">
                                                      <label class="custom-control-label" for="mailk11"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cda3a2bfa8bda1b48daaa0aca4a1e3aea2a0">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c8a1b9a7a6a1abacadbba1afa6bb88afa5a9a1a4e6aba7a5">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk12">
                                                      <label class="custom-control-label" for="mailk12"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3d53524f584d51447d5a505c5451135e5250">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="96ffe7f9f8fff5f2f3e5fff1f8e5d6f1fbf7fffab8f5f9fb">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk13">
                                                      <label class="custom-control-label" for="mailk13"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Deray Billings (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg(@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/06.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9df3f2eff8edf1e4ddfaf0fcf4f1b3fef2f0">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3851495756515b5c5d4b515f564b785f55595154165b5755">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Deray Billings,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk14">
                                                      <label class="custom-control-label" for="mailk14"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4628293423362a3f06212b272f2a6825292b">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d2bba3bdbcbbb1b6b7a1bbb5bca192b5bfb3bbbefcb1bdbf">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk15">
                                                      <label class="custom-control-label" for="mailk15"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre(@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5836372a3d283421183f35393134763b3735">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ec859d8382858f88899f858b829fac8b818d8580c28f8381">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk16">
                                                      <label class="custom-control-label" for="mailk16"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3a5455485f4a56437a5d575b535614595557">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6f061e0001060c0b0a1c0608011c2f08020e0603410c0002">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                                 <div class="tab-pane fade" id="mail-trash" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk14">
                                                      <label class="custom-control-label" for="mailk14"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3a5455485f4a56437a5d575b535614595557">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f79e8698999e949392849e909984b7909a969e9bd994989a">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk15">
                                                      <label class="custom-control-label" for="mailk15"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre(@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="90feffe2f5e0fce9d0f7fdf1f9fcbef3fffd">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cba2baa4a5a2a8afaeb8a2aca5b88baca6aaa2a7e5a8a4a6">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk16">
                                                      <label class="custom-control-label" for="mailk16"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4c22233e293c20350c2b212d2520622f2321">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8ae3fbe5e4e3e9eeeff9e3ede4f9caede7ebe3e6a4e9e5e7">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                                 <div class="tab-pane fade" id="mail-important" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk6">
                                                      <label class="custom-control-label" for="mailk6"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="600e0f1205100c1920070d01090c4e030f0d">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7811091716111b1c1d0b111f160b381f15191114561b1715">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 25, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk7">
                                                      <label class="custom-control-label" for="mailk7"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Deray Billings (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                          <div class="email-app-details">
                                             <div class="iq-card">
                                                <div class="iq-card-body p-0">
                                                   <div class="">
                                                      <div class="iq-email-to-list p-3">
                                                         <div class="d-flex justify-content-between">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a href="javascript: void(0);">
                                                                     <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                                  </a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                            </ul>
                                                            <div class="iq-email-search d-flex">
                                                               <ul>
                                                                  <li class="mr-3">
                                                                     <a class="font-size-14" href="#">1 of 505</a>
                                                                  </li>
                                                                  <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                                  <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                               </ul>
                                                            </div>
                                                         </div>
                                                      </div>
                                                      <hr class="mt-0">
                                                      <div class="iq-inbox-subject p-3">
                                                         <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                         <div class="iq-inbox-subject-info">
                                                            <div class="iq-subject-info">
                                                               <img src="../images/user/06.jpg" class="img-fluid rounded-circle" alt="#">
                                                               <div class="iq-subject-status align-self-center">
                                                                  <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                                  <div class="dropdown">
                                                                     <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                     to Me
                                                                     </a>
                                                                     <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                        <table class="iq-inbox-details">
                                                                           <tbody>
                                                                              <tr>
                                                                                 <td>from:</td>
                                                                                 <td>Medium Daily Digest</td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>reply-to:</td>
                                                                                 <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c0aeafb2a5b0acb980a7ada1a9aceea3afad">[email&#160;protected]</a></td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>to:</td>
                                                                                 <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7a130b151413191e1f09131d14093a1d171b131654191517">[email&#160;protected]</a></td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>date:</td>
                                                                                 <td>13 Dec 2019, 08:30</td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>subject:</td>
                                                                                 <td>The Golden Rule</td>
                                                                              </tr>
                                                                              <tr>
                                                                                 <td>security:</td>
                                                                                 <td>Standard encryption</td>
                                                                              </tr>
                                                                           </tbody>
                                                                        </table>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                            </div>
                                                            <div class="iq-inbox-body mt-5">
                                                               <p>Hi Deray Billings,</p>
                                                               <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                               <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                               <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                            </div>
                                                            <hr>
                                                            <div class="attegement">
                                                               <h6 class="mb-2">ATTACHED FILES:</h6>
                                                               <ul>
                                                                  <li class="icon icon-attegment">
                                                                     <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                                  </li>
                                                                  <li class="icon icon-attegment">
                                                                     <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                                  </li>
                                                               </ul>
                                                            </div>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </li>
                                       <li class="iq-unread">
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk8">
                                                      <label class="custom-control-label" for="mailk8"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle text-warning"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre (@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e18f8e9384918d98a1868c80888dcf828e8c">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f49d859b9a9d979091879d939a87b49399959d98da979b99">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk9">
                                                      <label class="custom-control-label" for="mailk9"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="402e2f3225302c3900272d21292c6e232f2d">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9df4ecf2f3f4fef9f8eef4faf3eeddfaf0fcf4f1b3fef2f0">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk10">
                                                      <label class="custom-control-label" for="mailk10"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2d43425f485d41546d4a404c4441034e4240">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5c352d3332353f38392f353b322f1c3b313d3530723f3331">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk11">
                                                      <label class="custom-control-label" for="mailk11"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="731d1c0116031f0a33141e121a1f5d101c1e">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="660f1709080f050203150f01081526010b070f0a4805090b">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                                 <div class="tab-pane fade" id="mail-spam" role="tabpanel">
                                    <ul class="iq-email-sender-list">
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk12">
                                                      <label class="custom-control-label" for="mailk12"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Jopour Xiong (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Mackenzie Binio (@mackenzieBinio) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/05.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8ae4e5f8effae6f3caede7ebe3e6a4e9e5e7">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4029312f2e292324253329272e3300272d21292c6e232f2d">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Jopour Xiong,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk13">
                                                      <label class="custom-control-label" for="mailk13"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Deray Billings (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg(@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/06.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2e40415c4b5e42576e49434f4742004d4143">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c7aeb6a8a9aea4a3a2b4aea0a9b487a0aaa6aeabe9a4a8aa">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Deray Billings,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk14">
                                                      <label class="custom-control-label" for="mailk14"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Lauren Drury (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/07.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d6b8b9a4b3a6baaf96b1bbb7bfbaf8b5b9bb">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cca5bda3a2a5afa8a9bfa5aba2bf8caba1ada5a0e2afa3a1">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Lauren Drury,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk15">
                                                      <label class="custom-control-label" for="mailk15"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Fabian Ros (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Let Hunre(@lethunre) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/08.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ff91908d9a8f9386bf98929e9693d19c9092">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1c756d7372757f78796f757b726f5c7b717d7570327f7371">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Fabian Ros,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk16">
                                                      <label class="custom-control-label" for="mailk16"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Dixa Horton (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Eb Begg (@ebbegg) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9ef0f1ecfbeef2e7def9f3fff7f2b0fdf1f3">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="573e2638393e343332243e30392417303a363e3b7934383a">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Dixa Horton,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                       <li>
                                          <div class="d-flex align-self-center">
                                             <div class="iq-email-sender-info">
                                                <div class="iq-checkbox-mail">
                                                   <div class="custom-control custom-checkbox">
                                                      <input type="checkbox" class="custom-control-input" id="mailk17">
                                                      <label class="custom-control-label" for="mailk17"></label>
                                                   </div>
                                                </div>
                                                <span class="ri-star-line iq-star-toggle"></span>
                                                <a href="javascript: void(0);" class="iq-email-title">Megan Allen (Me)</a>
                                             </div>
                                             <div class="iq-email-content">
                                                <a href="javascript: void(0);" class="iq-email-subject">Jecno Mac (@jecnomac) has sent
                                                you a direct message on Twitter! &nbsp;–&nbsp;
                                                <span>@LucasKriebel - Very cool :) Nicklas, You have a new direct message.</span>
                                                </a>
                                                <div class="iq-email-date">11:49 am</div>
                                             </div>
                                             <ul class="iq-social-media">
                                                <li><a href="#"><i class="ri-delete-bin-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-mail-line"></i></a></li>
                                                <li><a href="#"><i class="ri-file-list-2-line"></i></a></li>
                                                <li><a href="#"><i class="ri-time-line"></i></a></li>
                                             </ul>
                                          </div>
                                       </li>
                                       <div class="email-app-details">
                                          <div class="iq-card">
                                             <div class="iq-card-body p-0">
                                                <div class="">
                                                   <div class="iq-email-to-list p-3">
                                                      <div class="d-flex justify-content-between">
                                                         <ul>
                                                            <li class="mr-3">
                                                               <a href="javascript: void(0);">
                                                                  <h4 class="m-0"><i class="ri-arrow-left-line"></i></h4>
                                                               </a>
                                                            </li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Mail"><a href="#"><i class="ri-mail-open-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Info"><a href="#"><i class="ri-information-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Delete"><a href="#"><i class="ri-delete-bin-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Unread"><a href="#"><i class="ri-mail-unread-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Transfer"><a href="#"><i class="ri-folder-transfer-line"></i></a></li>
                                                            <li data-toggle="tooltip" data-placement="top" title="Bookmark"><a href="#"><i class="ri-bookmark-line"></i></a></li>
                                                         </ul>
                                                         <div class="iq-email-search d-flex">
                                                            <ul>
                                                               <li class="mr-3">
                                                                  <a class="font-size-14" href="#">1 of 505</a>
                                                               </li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Previous"><a href="#"><i class="ri-arrow-left-s-line"></i></a></li>
                                                               <li data-toggle="tooltip" data-placement="top" title="Next"><a href="#"><i class="ri-arrow-right-s-line"></i></a></li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <hr class="mt-0">
                                                   <div class="iq-inbox-subject p-3">
                                                      <h5 class="mt-0">Your elite author Graphic Optimization reward is ready!</h5>
                                                      <div class="iq-inbox-subject-info">
                                                         <div class="iq-subject-info">
                                                            <img src="../images/user/09.jpg" class="img-fluid rounded-circle" alt="#">
                                                            <div class="iq-subject-status align-self-center">
                                                               <h6 class="mb-0">XRay team <a href="dummy@XRay.com"><dummy@XRay.com></a></h6>
                                                               <div class="dropdown">
                                                                  <a class="dropdown-toggle" href="#"  id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                                  to Me
                                                                  </a>
                                                                  <div class="dropdown-menu font-size-12" aria-labelledby="dropdownMenuButton">
                                                                     <table class="iq-inbox-details">
                                                                        <tbody>
                                                                           <tr>
                                                                              <td>from:</td>
                                                                              <td>Medium Daily Digest</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>reply-to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0967667b6c796570496e64686065276a6664">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>to:</td>
                                                                              <td><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d8b1a9b7b6b1bbbcbdabb1bfb6ab98bfb5b9b1b4f6bbb7b5">[email&#160;protected]</a></td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>date:</td>
                                                                              <td>13 Dec 2019, 08:30</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>subject:</td>
                                                                              <td>The Golden Rule</td>
                                                                           </tr>
                                                                           <tr>
                                                                              <td>security:</td>
                                                                              <td>Standard encryption</td>
                                                                           </tr>
                                                                        </tbody>
                                                                     </table>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <span class="float-right align-self-center">Jan 15, 2029, 10:20AM</span>
                                                         </div>
                                                         <div class="iq-inbox-body mt-5">
                                                            <p>Hi Megan Allen,</p>
                                                            <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. </p>
                                                            <p>Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
                                                            <p class="mt-5 mb-0">Regards,<span class="d-inline-block w-100">John Deo</span></p>
                                                         </div>
                                                         <hr>
                                                         <div class="attegement">
                                                            <h6 class="mb-2">ATTACHED FILES:</h6>
                                                            <ul>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.doc</span>
                                                               </li>
                                                               <li class="icon icon-attegment">
                                                                  <i class="fa fa-file-text-o" aria-hidden="true"></i> <span class="ml-1">mydoc.pdf</span>
                                                               </li>
                                                            </ul>
                                                         </div>
                                                      </div>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </ul>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div id="compose-email-popup" class="compose-popup modal modal-sticky-bottom-right modal-sticky-lg">
                  <div class="iq-card iq-border-radius-20 mb-0">
                     <div class="iq-card-body">
                        <div class="row align-items-center">
                           <div class="col-md-12 mb-3">
                              <h5 class="text-primary float-left"><i class="ri-pencil-fill"></i> Compose Message</h5>
                              <button type="submit" class="float-right close-popup" data-dismiss="modal"><i class="ri-close-fill"></i></button>
                           </div>
                        </div>
                        <form class="email-form">
                           <div class="form-group row">
                              <label for="inputEmail3" class="col-sm-2 col-form-label">To:</label>
                              <div class="col-sm-10">
                                 <select  id="inputEmail3" class="select2jsMultiSelect form-control" multiple="multiple">
                                    <option value="Petey Cruiser">Petey Cruiser</option>
                                    <option value="Bob Frapples">Bob Frapples</option>
                                    <option value="Barb Ackue">Barb Ackue</option>
                                    <option value="Greta Life">Greta Life</option>
                                 </select>
                              </div>
                           </div>
                           <div class="form-group row">
                              <label for="cc" class="col-sm-2 col-form-label">Cc:</label>
                              <div class="col-sm-10">
                                 <select  id="cc" class="select2jsMultiSelect form-control" multiple="multiple">
                                    <option value="Brock Lee">Brock Lee</option>
                                    <option value="Rick O'Shea">Rick O'Shea</option>
                                    <option value="Cliff Hanger">Cliff Hanger</option>
                                    <option value="Barb Dwyer">Barb Dwyer</option>
                                 </select>
                              </div>
                           </div>
                           <div class="form-group row">
                              <label for="subject" class="col-sm-2 col-form-label">Subject:</label>
                              <div class="col-sm-10">
                                 <input type="text"  id="subject" class="form-control">
                              </div>
                           </div>
                           <div class="form-group row">
                              <label for="subject" class="col-sm-2 col-form-label">Your Message:</label>
                              <div class="col-md-10">
                                 <textarea class="textarea form-control" rows="5">Next, use our Get Started docs to setup Tiny!</textarea>
                              </div>
                           </div>
                           <div class="form-group row align-items-center compose-bottom pt-3 m-0">
                              <div class="d-flex flex-grow-1 align-items-center">
                                 <div class="send-btn">
                                    <button type="submit" class="btn btn-primary">Send</button>
                                 </div>
                                 <div class="send-panel">
                                    <label class="ml-2 mb-0 iq-bg-primary rounded" for="file"> <input type="file" id="file" style="display: none"> <a><i class="ri-attachment-line"></i> </a> </label>
                                    <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void();"> <i class="ri-map-pin-user-line text-primary"></i></a>  </label>
                                    <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void();"> <i class="ri-drive-line text-primary"></i></a>  </label>
                                    <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void();"> <i class="ri-camera-line text-primary"></i></a>  </label>
                                    <label class="ml-2 mb-0 iq-bg-primary rounded"> <a href="javascript:void();"> <i class="ri-user-smile-line text-primary"></i></a>  </label>
                                 </div>
                              </div>
                              <div class="d-flex align-items-center">
                                 <div class="send-panel float-right">
                                    <label class="ml-2 mb-0 iq-bg-primary rounded" ><a href="javascript:void();"><i class="ri-settings-2-line text-primary"></i></a></label>
                                    <label class="ml-2 mb-0 iq-bg-primary rounded"><a href="javascript:void();">  <i class="ri-delete-bin-line text-primary"></i></a>  </label>
                                 </div>
                              </div>
                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <!-- Footer -->
         <footer class="bg-white iq-footer">
            <div class="container-fluid">
               <div class="row">
                  <div class="col-lg-6">
                     <ul class="list-inline mb-0">
                        <li class="list-inline-item"><a href="./privacy-policy.html">Privacy Policy</a></li>
                        <li class="list-inline-item"><a href="./terms-of-service.html">Terms of Use</a></li>
                     </ul>
                  </div>
                  <div class="col-lg-6 text-right">
                     Copyright 2020 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a> All Rights Reserved.
                  </div>
               </div>
            </div>
         </footer>
      </div>
      <!-- Wrapper END -->
      <!-- Footer END -->
      <!-- Optional JavaScript -->
      <!-- jQuery first, then Popper.js, then Bootstrap JS -->
      <script src="../js/jquery.min.js"></script>
      <script src="../js/popper.min.js"></script>
      <script src="../js/bootstrap.min.js"></script>
      <!-- Appear JavaScript -->
      <script src="../js/jquery.appear.js"></script>
      <!-- Countdown JavaScript -->
      <script src="../js/countdown.min.js"></script>
      <!-- Counterup JavaScript -->
      <script src="../js/waypoints.min.js"></script>
      <script src="../js/jquery.counterup.min.js"></script>
      <!-- Wow JavaScript -->
      <script src="../js/wow.min.js"></script>
      <!-- Apexcharts JavaScript -->
      <script src="../js/apexcharts.js"></script>
      <!-- Slick JavaScript -->
      <script src="../js/slick.min.js"></script>
      <!-- Select2 JavaScript -->
      <script src="../js/select2.min.js"></script>
      <!-- Owl Carousel JavaScript -->
      <script src="../js/owl.carousel.min.js"></script>
      <!-- Magnific Popup JavaScript -->
      <script src="../js/jquery.magnific-popup.min.js"></script>
      <!-- Smooth S../crollbar JavaScript -->
      <script src="../js/smooth-scrollbar.js"></script>
      <!-- lottie JavaScript -->
      <script src="../js/lottie.js"></script>
      <!-- Chart Custom JavaScript -->
      <script src="../js/chart-custom.js"></script>
      <!-- Custom JavaScript -->
      <script src="../js/custom.js"></script>
   </body>
</html>